<template>
	<div class="homeContainer">
		<mt-swipe :show-indicators="false" :auto="5000">
				<mt-swipe-item>
					<img src="../../images/timg.jpg" alt="">
				</mt-swipe-item>
				<mt-swipe-item>
					<img src="../../images/timg2.jpg" alt="">
				</mt-swipe-item>
				<mt-swipe-item>
					<img src="../../images/timg3.jpg" alt="">
				</mt-swipe-item>
		
		</mt-swipe>

		<ul class="mui-table-view mui-grid-view mui-grid-9">
				<router-link to='/home/newsList' class="mui-table-view-cell mui-media mui-col-xs-6 mui-col-sm-4"><a href="#">
								<img src="../../images/menu1(1).png" alt="">
								<div class="mui-media-body">新闻资讯</div></a></router-link>
				<router-link to='/home/photoList' class="mui-table-view-cell mui-media mui-col-xs-6 mui-col-sm-4"><a href="#">
								<img src="../../images/menu2.png" alt="">
								<div class="mui-media-body">图片分享</div></a></router-link>
				<router-link to='/home/goodsList' class="mui-table-view-cell mui-media mui-col-xs-6 mui-col-sm-4"><a href="#">
								<img src="../../images/menu3.png" alt="">
								<div class="mui-media-body">商品购买</div></a></router-link>
				<li class="mui-table-view-cell mui-media mui-col-xs-6 mui-col-sm-4"><a href="#">
								<img src="../../images/menu4.png" alt="">
								<div class="mui-media-body">留言反馈</div></a></li>
				<li class="mui-table-view-cell mui-media mui-col-xs-6 mui-col-sm-4"><a href="#">
								<img src="../../images/menu5.png" alt="">
								<div class="mui-media-body">视频专区</div></a></li>
				<li class="mui-table-view-cell mui-media mui-col-xs-6 mui-col-sm-4"><a href="#">
								<img src="../../images/menu6.png" alt="">
								<div class="mui-media-body">联系我们</div></a></li>
			
		</ul> 
	</div>
</template>

<script>
	/*export default {
		data() {
			// return 
		},
		created() {
			this.getImg();
		},
		methods: {
			getImg() {
				this.$http.get(" http://bing.ioliu.cn").then(result =>{
					if (result.body.status ===0) {
						console.log(result.body);
					} else {
						console.log("加载失败");
					}
				})
			}
		}
	}
	*/ 
</script>

 <style>
	 body {
		 background-color: #ffffff
	 }
	 .mint-swipe {
		 height: 200px;
	 }

	.mint-swipe img {
		width: 100% ;
		height: 100% ;
	 }
	 .mui-table-view-cell img {
		 width: 60px;
		 height: 60px;
	 }
	 .mui-media-body {
		 font-size: 13px !important;
	 }
	 .mui-grid-view.mui-grid-9 {
		 background-color: #ffffff;
	 }
 </style>